<template>
	<div>
		<div class="md-modal modal-msg md-modal-transition" :class="{'md-show': modalShow}" >
      		<div class="md-modal-inner">
        		<div class="md-top">
          			<div class="md-title">{{titleText}}</div>
          			<button class="md-close" @click="closeModal">Close</button>
       		 	</div>
        		<div class="md-content">
        			<div class="confirm-tips">
        				<slot name="message"></slot>
        			</div>
          			<div class="btn-wrap">
          				<slot name="btnGroup"></slot>
          			</div>
        		</div>
      		</div>
    	</div>
    	<div class="md-overlay" v-show="modalShow" @click="closeModal"></div>
	</div>
</template>
<script>
	export default {
		props: {
			modalShow: Boolean,
			titleText: {
				type: String,
				default: ''
			}
		},
		methods: {
			closeModal () {
				this.$emit('closeModal');
			}
		}
	}
</script>